Skip to main content

Home/ Web Accessibility/ Group items tagged Web

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
Sandra Earl

zomigi.com » Why browser zoom shouldn't kill flexible layouts - 0 views

zomigi.com/...shouldnt-kill-flexible-layouts

accessibility development design vision low vision zoom magnify

shared by Sandra Earl on 12 Oct 10 - Cached
  • Liquid layouts get rid of the dreaded horizontal scrollbar
  • Liquid layouts allow you to make full use of the area available in the viewport, showing more or less content, depending on what will fit at any given moment.
  • Liquid layouts essentially allow users to choose the line length, or number of text characters per line of text, that is most comfortable for them to read.
  • ...1 more annotation...
  • If you have images that you think the user will want to get a closer look at, you can choose to scale only these images using easy CSS tricks. You can set up your images and CSS in such a way that the images will have little distortion or blurriness when scaled dynamically by the browser. The other images can all remain a constant size, so that they don’t get in the way of users with very large text and contribute to horizontal scrollbars, float drops, or other nasty things that can happen when you put huge images into web pages. And of couse, if a user does want to scale one of the non-scalable images, they can always use the browser zoom function as a backup method.
Vernon Fowler

6 Surprising Bad Practices That Hurt Dyslexic Users - UX Movement - 0 views

uxmovement.com/...tices-that-hurt-dyslexic-users

accessibility dyslexia ux web fonts color contrast webdesign typography usability

shared by Vernon Fowler on 13 Aug 14 - No Cached
  • many dyslexic users are sensitive to the brightness the high contrast colors cause
  • use an off-white color for your background, like a light gray or tan. You can also use a dark gray for your text instead of pure black to cut the glare even more
  • dyslexic users need more breaks between ideas than non-dyslexic users
  • ...4 more annotations...
  • Breaking up your text to one idea per paragraph makes reading a lot easier for both dyslexic and non-dyslexic users.
  • a sans-serif font would allow dyslexic users to see the shapes of letters clearer
  • you shouldn’t use italicized text because they make letters hard to read
  • avoid creating the river effect by using left aligned text, instead of justified text for your paragraphs
Vernon Fowler

WebAIM: Constructing a POUR Website - Putting People at the Center of the Process - 0 views

webaim.org/pour

WCAG accessibility web content

shared by Vernon Fowler on 09 Mar 16 - No Cached
  • Vernon Fowler on 09 Mar 16
     
    "The four main guiding principles of accessibility in WCAG 2.0 are: Perceivable Operable Understandable Robust"
Vernon Fowler

Links that don't go anywhere should be buttons | Christian Heilmann - 0 views

christianheilmann.com/...-go-anywhere-should-be-buttons

interface buttons accessibility patterns

shared by Vernon Fowler on 17 Feb 19 - No Cached
  • there is no point in confusing your users with a link that goes nowhere and won’t open anything in another tab. Use a button and you won’t promise any functionality you don’t have.
  • links keep getting used for functionality that doesn’t go anywhere on the web or in the document
Vernon Fowler

WebAIM: Color Contrast Checker - 0 views

webaim.org/...contrastchecker

accessibility contrast webdesign tool standards color colour colors colours text links DIG252 WEB300 checker

shared by Vernon Fowler on 12 Mar 14 - No Cached
  • WAVE can analyze contrast ratios for all page elements at once.
  • Colorzilla is an excellent tool for extracting the color value from any page element.
  • You can append ?fcolor=0000ff&bcolor=ff0000 (where the fcolor value is the foreground color and the bcolor value is the background color) to the URL of this page to analyze colors directly from a link or URL (link example).
Vernon Fowler

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
« First ‹ Previous 141 - 154 of 154
Showing 20▼ items per page