Comments (7)
Here's a quick video of my testing HTML5 <input type="date">
.
I found the following on Chrome 55 and Firefox 51:
Supported
-
search
-
tel
Not Supported
-
color
-
date
-
datetime
-
datetime-local
-
number
-
range
-
time
-
url
-
week
Partially Supported
Supported: I could set focus to the input by voice and dictate text within it.
Not Supported: I could not set focus to the input by voice. Once focused (using the "press tab" command) I could not input text by voice. I could only send keystrokes by voice using the "press [key]" command.
Partially Supported I could set focus to the input by voice, but could only enter text by sending keystrokes.
I also did testing on Edge (Windows 10, version 1607) even though Dragon is not compatible with Edge. Using Edge, <input type="email">
will accept freeform text input using Windows Speech Recognition. The other HTML5 input types all require keyboard interaction.
Hope this helps!
from test-forms.
I'm going to fork the wp page version with some more input variation (just haven't had time, $work is crunching) and see if there are some Dragon differences. Might as well test Orca too :)
from test-forms.
Results for testing HTML5 type attributes are on make/accessibility now: https://make.wordpress.org/accessibility/2017/02/13/testing-html5-type-attributes-in-forms-with-different-browsers-and-at/
from test-forms.
@ewaccess did Dragon testing on http://www.456bereastreet.com/lab/html5-input-types/ with the conclusion: Dragon fails several HTML5 input types. Several require keydown.
from test-forms.
@ewaccess I just send out an additional test to the test team, stole/forked the page you made for this.
If we have more data I'll write an additional post with the results for it after February 11.
from test-forms.
I've tested the Settings > General and Settings > Discussion forms with VoiceOver on Safari. Using a Scottish female voice. :)
Videos of testing
General Settings: https://youtu.be/natQHmHooUw
Discussion Settings: https://youtu.be/LrMeWik7QWY
Most of the time I tabbed through the forms with the keyboard. Here's what I noticed.
General Settings
-
Legend is read out after the form control.
-
After checking a checkbox control, tabbing to the next control seemed to miss out a control e.g. I went from checked Anyone can register checkbox to Site Language, missing out New User Default Role.
-
Site Language menu
- has 90 items!
- Installed is not read out
- VoiceOver doesn't read text it doesn't recognise e.g. Russian or Arabic. Blind users wouldn't know what these options are.
-
The text "Universal time (UTC) is 2017-01-16 17:54:13. Local time is 2017-01-16 18:54:13. This timezone is currently in standard time. Daylight saving time begins on: March 26, 2017 1:00 am." is not read out when tabbing through the form.
-
Date format - VoiceOver doesn't read out dashes, but does read slashes.
-
Custom date format - can tab to this field without selecting an option from the radio buttons above. It shouldn't be selectable unless that option is selected, otherwise it won't be applied.
-
No distinction made by VoiceOver between 6:54 pmg:i a (lowercase pm) and 6:54 PMg:i A (uppercase PM). An unsighted user wouldn't know the difference.
-
Documentation on date and time formatting link is too far down, after the date and time group selections.
-
Text is read differently when typed ("one two") as opposed to stepped through with the arrow keys ("twelve").
Discussion Settings
-
Similar issues with checked checkboxes and tabbing to the next - the cursor moves down but the focus does not.
-
I didn't hear the form label for the Comments page displayed by default, just the dropdown options (might just have been tabbing too fast).
-
The text "An avatar is an image that follows you from weblog to weblog appearing beside your name when you comment on avatar enabled sites. Here you can enable the display of avatars for people who comment on your site." is not read out when tabbing through the controls.
from test-forms.
Thanks @abrightclearweb !
from test-forms.
Related Issues (2)
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from test-forms.