React计算器:注重可访问性的Create-React-App驱动的React应用程序

这是一个功能齐全的React计算器,注重可访问性。它使用React.js构建,重点关注可访问性。该应用程序包含React组件类、状态、道具和AWS Polly。虽然它不是完美的,但它提供了可访问性基本思想的实践,包括使用键盘/鼠标的完全控制。此外,它展示了AWS服务的实际实施。

基本操作:

  • 使用按钮或触摸屏设备作为标准计算器。
  • 使用键盘输入数字和操作。

特殊键:

  • 回车 =>'='
  • delete/backspace =>'AC'
  • _ =>'+/-'
  • / =>除法符号
    • 或 x =>乘法符号

激活文本转语音功能:

  • 触摸/点击:单击/触摸“Speech”按钮。
  • 键盘:输入键“s”(小写)。

激活后,您将听到带有激活消息的语音(英语,默认语言)。显示屏上将出现一个图标,指示“文本转语音”已激活。

更改文本转语音语言:

  • 触摸/点击:在En或Sp按钮上进行语言切换。
  • 键盘:输入键“l”(小写)。
zip
react-calculator-master.zip 预估大小:29个文件
folder
react-calculator-master 文件夹
file
.gitignore 315B
file
README.md 4KB
folder
.github 文件夹
folder
workflows 文件夹
file
linters.yml 1KB
folder
public 文件夹
file
manifest.json 492B
file
robots.txt 67B
file
logo192.png 5KB
file
logo512.png 9KB
file
index.html 2KB
file
favicon.ico 3KB
file
.stylelintrc.json 403B
file
LICENSE 1KB
file
package.json 1KB
folder
src 文件夹
folder
components 文件夹
file
Display.js 650B
file
ButtonPanel.js 1KB
file
App.js 7KB
file
Button.js 1KB
folder
logic 文件夹
file
polly.js 1KB
file
helper.js 1KB
file
pollyff.js 2KB
file
calculate.js 4KB
file
operate.js 531B
file
index.css 2KB
file
index.js 322B
folder
assets 文件夹
folder
icons 文件夹
file
speech.svg 616B
file
app_screenshot.png 131KB
folder
.netlify 文件夹
file
state.json 53B
file
.eslintrc.json 797B
file
.env.example 69B
file
package-lock.json 701KB
zip 文件大小:298.06KB