Skip to main content

Home/ Web Accessibility/ Group items tagged webdesign

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
mesbah095

Guest Post Online - 0 views

guestpostonline.com

accessibility general standards development usability webdesign design resources reading FUSION09

shared by mesbah095 on 03 Apr 14 - No Cached
  • mesbah095 on 03 Apr 14
     
    Article Writing & Guestpost You Can Join this Site for Your Article & guest post, Just Easy way to join this site & total free Article site. This site article post to totally free Way. Guest Post & Article Post live to Life time only for Current & this time new User. http://guestpostonline.com
Vernon Fowler

WebAIM: E-mail List Archives - 0 views

webaim.org/...mail_thread

abbreviations accessibility development webdesign

shared by Vernon Fowler on 25 Jun 14 - No Cached
  • Editorial solutions have the advantage that they are technology-agnotisc
Vernon Fowler

Juicy Studio: CSS Analyser - 0 views

juicystudio.com/...csstest.php

test testing accessibility css webdesign tools validation webdev usability validator

shared by Vernon Fowler on 02 Aug 11 - Cached
  • Vernon Fowler on 02 Aug 11
     
    "This service has been provided to allow you to check the validity of your CSS against the W3C's validation service, along with a colour contrast test, and a test to ensure that relevant sizes are specified in relative units of measurement. If the CSS is specified by a URL, it will be loaded into the text area to offer an option to make changes for testing without having to re-upload. "
Vernon Fowler

Guidelines for Visualizing Links - 0 views

www.nngroup.com/...idelines-for-visualizing-links

usability links accessibility webdesign DIG252

shared by Vernon Fowler on 17 Aug 14 - No Cached
  • Don't underline any text that's not a link
  • The color for unvisited links should be more vivid, bright, and saturated than the color for visited links, which should look "used" (dull and washed out).
  • The two colors should be variants or shades of the same color, so that they're clearly related.
  • ...1 more annotation...
  • Don't place links so close together that users with reduced motor skills will have difficulty selecting them.
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

5 Ways to Offer a Better UX for Disabled Users - 0 views

www.sitepoint.com/offer-better-ux-disabled-users

accessibility research empathy colour typography video captioning webdesign

shared by Vernon Fowler on 08 Mar 16 - No Cached
  • Vernon Fowler on 08 Mar 16
     
    Empathy is unrivalled as a skill a user interface designer should have. Walking in somebody else's shoes (or seeing through their eyes may be a better metaphor), can be a temporary replacement for having a user/tester at hand. Let's take a look at some disabilities that we so often forget.
Vernon Fowler

Customise radio buttons without compromising accessibility - 0 views

www.chenhuijing.com/...out-compromising-accessibility

accessibility webdesign input buttons inclusivedesign

shared by Vernon Fowler on 16 Sep 18 - No Cached
  • go with option 3, a good ole’ opacity: 0 coupled with a position: absolute. Hidden but still focusable, well-supported across browsers. Just what we’re looking for.
  • opacity: 0
  • the label has to come after the input element in the source order
  • ...1 more annotation...
  • sad state of affairs when it comes to browser support for clip-path.
  • Vernon Fowler on 16 Sep 18
     
    "Customised radio buttons and checkboxes are a common design pattern found on the web, and it doesn't take too much to ensure that your beautifully designed toggles are still navigable via keyboard."
Vernon Fowler

Screenreaders · Bootstrap - 0 views

getbootstrap.com/...screenreaders

accessibility webdesign

shared by Vernon Fowler on 16 Sep 18 - No Cached
  • Hide an element to all devices except screen readers with .sr-only.
  • Combine .sr-only with .sr-only-focusable to show the element again when it’s focused (e.g. by a keyboard-only user).
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

Contrast ratio in devtools - 0 views

remysharp.com/...contrast-ratio-in-devtools

accessibility contrast colors webdesign

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
  • 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"
Vernon Fowler

WebAIM: Links and Hypertext - Link Text and Appearance - 0 views

webaim.org/...link_text

links hypertext link text accessibility usability UX webdesign

shared by Vernon Fowler on 26 Mar 14 - No Cached
  • links are more useful when they make sense out of context
  • In most cases, it is better to use human-readable text instead of the URL.
  • 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").
  • ...6 more annotations...
  • When images are used as links, the alternative text performs the function of link text.
  • on both mouse hover and keyboard focus
  • 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.
  • Authors should avoid non-informative link phrases such as: click here here more read more link to [some link destination] info
  • adjacent links should have adequate whitespace (such as link CSS margins) between them to minimize users inadvertently clicking the wrong link
  • an alphabetical index may use each individual letter of the alphabet as a link
« First ‹ Previous 41 - 60 of 61 Next ›
Showing 20▼ items per page