Skip to main content

Home/ Web Accessibility/ Group items matching "testing" in title, tags, annotations or url

Group items matching
in title, tags, annotations or url

Sort By: Relevance | Date Filter: All | Bookmarks | Topics Simple Middle
6More

Don't Rely on Default Browser Error Messages - Intopia - 0 views

intopia.digital/...default-browser-error-messages accessibility forms validation HTML5
shared by Vernon Fowler on 06 Feb 19 - No Cached
  • Another issue is that the messages are temporary. As soon as you put focus on the input with mouse, keyboard or touch, the message disappears. People with cognitive impairments will find it difficult to use these, and I think anyone trying to fill in the form while they’re distracted will have trouble as well. People who rely on the keyboard for navigation (which includes both sighted users and screen reader users) will also lose these messages as they move around the form.
  • If you’re confident of your error messages, you can remove the browser validation by adding the novalidate attribute to the wrapping form element, like this: <form novalidate>...</form>
  • You can style this with CSS, using the :valid and :invalid pseudo-classes
  • ...2 more annotations...
  • Only the first error is noted with a message.
  • The rest rely on a change of border colour, which is, again, not evident to screen reader users.
  • Vernon Fowler on 06 Feb 19
     
    "When I found out the major browsers were beginning to include error validation into their support for forms, I was pretty excited. Form validation is always a fiddly part of accessibility, so I'm always looking out for ways to make it easier for developers to do properly. I read MDN's form data validation tutorial and a CSS Tricks article on client-side form validation and immediately made some test forms. Sadly, I was disappointed with the results. The default error validation in browsers is almost completely inaccessible. I was hoping we'd get default "you've forgotten to fill this in" messages that could be customised. I might have been a bit too optimistic! Validation at the browser level has many of the same issues we find at the website level."
2More

10 colour contrast checking tools to improve the accessibility of your design | 456 Ber... - 3 views

www.456bereastreet.com/...e_accessibility_of_your_design accessibility color tools webdesign css validator usability webdev validation test testing design contrast resources
shared by Vernon Fowler on 12 Oct 10 - Cached
  • online tool simulates colour blindness on an image that you upload or on a web page that you specify, while the Photoshop plugin changes the colours of the document you are working on
2More

Hiding Content for Accessibility - Snook.ca - 0 views

snook.ca/...ding-content-for-accessibility webdesign accessibility screen reader reading usability
shared by Vernon Fowler on 07 Oct 12 - No Cached
  • This clip technique is also what's provided in the .visuallyhidden helper class in HTML5 Boilerplate.
  • We've only begun using and testing this technique, so even this may not be perfect. Any feedback and suggestions are quite welcome.

Tested And Trusted Bookkeeping Service - 1 views

started by Justin Pierce on 29 Oct 12 no follow-up yet
1More

WAVE Help - 0 views

wave.webaim.org/help wave tools accessibility testing bookmarklet toolbar headings structure forms
shared by Vernon Fowler on 04 Mar 14 - No Cached
  • Vernon Fowler on 04 Mar 14
     
    "WAVE is tool to help web developers make their web content more accessible. WAVE cannot tell you if your web content is accessible. Only a human can determine true accessibility. But, WAVE can help you evaluate the accessibility of your web content."
1More

NV Access - 0 views

www.nvaccess.org testing tool accessibility NVDA software screenreader screen reader free
shared by Vernon Fowler on 16 Mar 14 - No Cached
  • Vernon Fowler on 16 Mar 14
     
    "NVDA (NonVisual Desktop Access) is a free "screen reader" which enables blind and vision impaired people to use computers. It reads the text on the screen in a computerised voice. You can control what is read to you by moving the cursor to the relevant area of text with a mouse or the arrows on your keyboard."
3More

Tools | Joseph Karr O'Connor - 0 views

accessiblejoe.com/tools accessibility tools testing screenreaders
shared by Vernon Fowler on 26 Nov 13 - No Cached
  • go with Jim Thatcher’s Favelets if you’re just starting out and can only afford one
  • While the WAVE Toolbar is comprehensive, the Favelets provide a more approachable environment for newcomers.
  • the toolbar can check intranet, password-protected, dynamically generated, or sensitive web pages
2More

97% of websites still inaccessible | 456 Berea Street - 0 views

www.456bereastreet.com/...of_websites_still_inaccessible accessibility laws statistics general standards testing
shared by Sandra Earl on 12 Oct 10 - Cached
  • United Nations Global Audit of Web Accessibility, conducted by accessibility agency Nomensa on behalf of the United Nations, shows that 97 percent of websites fail to meet the most basic accessibility requirements.
  • A story on the BBC News website, ‘Most websites’ failing disabled, notes that 93 percent did not provide alternative text for all images, 73 percent relied on JavaScript for important functionality, and 98 percent of the sites did not use valid markup.
1More

Validation alone is not enough | 456 Berea Street - 0 views

www.456bereastreet.com/...validation_alone_is_not_enough accessibility validation testing
shared by Sandra Earl on 12 Oct 10 - Cached
  • Some people call me a validation fanatic, and maybe they are right. I do want every HTML document I create and all the sites I build to be valid and remain valid. Validation is an integral part of quality assurance to me
2More

Turn Firefox into a screen reader with Fire Vox | 456 Berea Street - 0 views

www.456bereastreet.com/..._a_screen_reader_with_fire_vox accessibility screen reader Fire Vox
shared by Sandra Earl on 12 Oct 10 - Cached
  • For anyone who hasn’t heard of Fire Vox, it is a free, open source screen reader extension for Firefox that works on Windows, Mac OS X, and Linux. Among other things it has support for WAI-ARIA and the CSS3 Speech Module, and is a good alternative to VoiceOver if you’re on a Mac and need a screen reader for web browsing (or testing).
  • For developers Fire Vox makes it easy to check how their sites work in a screen reader. Sure, it’s just one of several available screen readers, but this one is free and cross-platform. In other words there is no reason for you not to have it installed, so grab a copy right now.
‹ Previous 21 - 40 of 55 Next ›
Showing 20▼ items per page