Group items tagged accessible - Web Accessibility

shared by Vernon Fowler on 05 Feb 14 - No Cached

Technically, lower degree headings should be contained within headings of the next highest degree (i.e., one should not skip heading levels, such as from an <h2> to an <h4>, going down the document).
...

Cancel
one should not skip heading levels
...

Cancel

shared by Vernon Fowler on 21 Apr 17 - No Cached

shared by Vernon Fowler on 24 Apr 17 - No Cached

shared by Vernon Fowler on 26 Aug 17 - No Cached

To enable it (as of August 2017), you need the following steps: Use Chrome CanaryEnable experiments: chrome://flags/#enable-devtools-experiments
...

Cancel
From devtools, open settings (F1)Open the experiments panelHit shift seven times (no, I'm not kidding)Check the "Color contrast ratio line in color picker"
...

Cancel

shared by Vernon Fowler on 10 Nov 17 - No Cached

shared by Vernon Fowler on 22 Nov 18 - No Cached

the screen reader intercepts most keypresses before they reach the browser, triggering an interaction with the virtual document instead
...

Cancel
up/down keys move focus to the previous/next line instead of scrolling the page
...

Cancel
space key to select a checkbox
...

Cancel
...3 more annotations...
enter key is used to activate a link
...

Cancel
Not all keypresses are captured by the screen reader however. When the tab key is pressed it is automatically passed through to the browser where it causes keyboard focus to move to the next piece of interactive content
...

Cancel
Although this mode switching may seem unintuitive to someone unused to Windows screen readers, it works well in practice and most screen reader users are unaware of what’s happening “under the hood”.
...

Cancel

shared by Vernon Fowler on 26 Mar 14 - No Cached

links are more useful when they make sense out of context
...

Cancel
In most cases, it is better to use human-readable text instead of the URL.
...

Cancel
The alternative text should convey the content of the image and the function of the link. In most cases, the content of the image and function of the link are the same, so this text can be very succinct (e.g, alt="Products").
...

Cancel
...6 more annotations...
When images are used as links, the alternative text performs the function of link text.
...

Cancel
on both mouse hover and keyboard focus
...

Cancel
they are also accustomed to seeing tabs and main navigational features (oftentimes created as graphics rather than text) without underlining. In these cases, the linked items should be designed so it is apparent that the user can click on them to perform an action.
...

Cancel
Authors should avoid non-informative link phrases such as: click here here more read more link to [some link destination] info
...

Cancel
adjacent links should have adequate whitespace (such as link CSS margins) between them to minimize users inadvertently clicking the wrong link
...

Cancel
an alphabetical index may use each individual letter of the alphabet as a link
...

Cancel

shared by Sandra Earl on 12 Oct 10 - Cached

Group items tagged