Skip to main content

Home/ Web Accessibility/ Group items tagged design

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
Vernon Fowler

Rosenfeld Media | Meet Lea - 0 views

rosenfeldmedia.com/...meet-lea

accessibility webdesign personas

shared by Vernon Fowler on 10 Mar 14 - No Cached
  • Vernon Fowler on 10 Mar 14
     
    Lea is one of the personas from our book, A Web for Everyone. Personas are used as stand-ins for all of the real users during the design process so that we remember to put people first, considering how we can make their experience an excellent one.
charm felipps

Reliable Malta Designers - 1 views

RightBrain's reliable web design services and experienced staff helped me build the website that I have envisioned for my small real estate business online. They were all efficient, timely and alwa...

started by charm felipps on 20 Sep 13 no follow-up yet
Vernon Fowler

Joe Dolson: Accessibility And WordPress: Developing For The Whole World | WordPress.tv - 0 views

wordpress.tv/...developing-for-the-whole-world

wordpress accessibility development

shared by Vernon Fowler on 25 Nov 13 - No Cached
  • Vernon Fowler on 25 Nov 13
     
    This presentation covers accessibility topics including implementing best practice accessibility for theme and plug-in developers, discussing current progress and goals from the WordPress Accessibility P2 group, and addresses general principles of accessibility useful for every WordPress developer and designer.
Sandra Earl

Accessibility in web design provides a high degree of usability - 0 views

www.tvmama.com/des-a-high-degree-of-usability

accessibility

shared by Sandra Earl on 12 Oct 10 - Cached
  • The BBC has developed a script called Betsie, which will convert pages to plain HTML.
  • There can be a fine line between enabling and excluding technology. All it takes is some careless HTML, the addition of a few unsupported images and some multimedia frills, and entire web sites can disappear from view for substantial numbers of users.
Sandra Earl

Introducing WysiHat: An eventually better open source WYSIWYG editor - (37signals) - 0 views

www.37signals.com/...ter-open-source-wysiwyg-editor

accessibility WYSIWYG TincyMCE

shared by Sandra Earl on 12 Oct 10 - Cached
  • WysiHat is a WYSIWYG JavaScript framework that provides an extensible foundation to design your own rich text editor. WysiHat stays out of your way and leaves the UI design to you. Although WysiHat lets you get up and running with a few lines of code, the focus is on letting you customize it. We are giving developers early access to the project while we continue to work out the remaining issues. Note: It’s extremely early. Contributors are welcome so please check out the project on GitHub and send us your feedback.
Sandra Earl

Web Axe - Practical Web Design Accessibility Tips - Podcast and Blog: Paul Boag wears r... - 0 views

webaxe.blogspot.com/...wears-reading-glasses-and.html

accessibility general elderly FUSION09

shared by Sandra Earl on 12 Oct 10 - Cached
  • In Boagworld podcast episode 130, I discovered that in order to help test web accessibility, Paul Boag wears glasses (that he doesn't need) and gloves and attempts to navigate through a site. Excellent idea!In order to better understand [the elderly's] experience I have bought a pair to ski gloves and some reading glasses (I don't need reading glasses). Every now and again, I surf the site I am designing wearing both the glasses and gloves. The glasses make the screen hard to read while the gloves hamper my use of the mouse and the keyboard. There is nothing more frustrating than trying to select something from a drop down menu wearing ski gloves!
Vernon Fowler

WebAIM: CSS in Action - Invisible Content Just for Screen Reader Users - 0 views

webaim.org/...invisiblecontent

accessibility hide content CSS

shared by Vernon Fowler on 27 Nov 13 - No Cached
  • recommended styles for visually hiding content that will be read by a screen reader
  • Vernon Fowler on 27 Nov 13
     
    "There are occasional instances where content should be made available to screen reader users, but hidden from sighted users. In most cases, if content (particularly content that provides functionality or interactivity) is important enough to provide to screen reader users, it should probably be made available to all users. Cases where verbose cues or instructions are provided only for screen reader users are most likely a reflection of poor design and accessibility. However, there are a few cases where information is apparent visually, but may not be apparent to screen reader users. In these cases, it may be appropriate to mark-up content in a way that it is read by a screen reader, but invisible to sighted users. "
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

WebAIM: Using NVDA to Evaluate Web Accessibility - 0 views

webaim.org/nvda

accessibility testing NVDA

shared by Vernon Fowler on 02 Jun 17 - No Cached
  • Vernon Fowler on 02 Jun 17
     
    "This article is designed to help users who are new to NonVisual Desktop Access (NVDA) learn the basic controls for testing web content, and to serve as a reference for the occasional NVDA user. "
Vernon Fowler

Breadcrumbs: 11 Design Guidelines for Desktop and Mobile - 0 views

www.nngroup.com/...breadcrumbs

navigation mobile

shared by Vernon Fowler on 18 Jul 19 - No Cached
  • the breadcrumb corresponding to the current page should not be a link. You should never have a link that does nothing. The last breadcrumb (denoting the current page) should not be a link.
    • Vernon Fowler
      Vernon Fowler on 18 Jul 19
       
      The breadcrumb denoting the current page SHOULD be a link and differentiated from others via mechanisms such as aria-current="page" See https://scottaohara.github.io/a11y_breadcrumbs/ for this pattern.
    • Vernon Fowler
      Vernon Fowler on 18 Jul 19
       
      The breadcrumb denoting the current page SHOULD be a link and differentiated from others via mechanisms such as aria-current="page" See https://scottaohara.github.io/a11y_breadcrumbs/ for this pattern.
  • Include the current page as the last item in the breadcrumb trail.
  • Breadcrumb trails should start with a link to the homepage.
  • ...14 more annotations...
  • Breadcrumbs aren’t necessary (or useful) for sites with flat hierarchies that are only 1 or 2 levels deep, or sites that are linear in structure.
  • Unfortunately, on mobile, the cost of using breadcrumbs can quickly overwhelm the benefits. Don’t use breadcrumbs that wrap to multiple lines.
  • Don’t use breadcrumbs that are too small or too crowded together.
  • Consider shortening the breadcrumb trail to include only the last level(s).
  • The Oregon state government website includes a breadcrumb trail, but omits a link to the homepage. However, in this case this is acceptable, as the site also includes a Home link in the global navigation
  • duplicating the Home link in both the global navigation and the breadcrumb trail is not recommended — one or the other is fine
  • This site’s structure is nonhierarchical, and so there is no need (or value) in including a breadcrumb trail.
  • MIT’s main website has a flat hierarchy, with only 1 page in each section. While it features a breadcrumb at the top of the page, this breadcrumb isn’t necessary. In the main navigation, the location of the page is highlighted.
  • Breadcrumbs should include only site pages, not logical categories in your IA.
  • The link to the parent page is a dropdown menu, with the current page’s siblings (bottom image). A better design would  have a separate UI for the local navigation, to enable users to travel to lateral pages in the current section of the site.
  • Breadcrumbs should not replace the global navigation bar or the local navigation within a section.
  • Breadcrumbs augment but do not replace those main forms of navigation.
  • when they skip some of these levels (for example, because they arrived to the site by clicking on an external link such as a search-engine result), breadcrumbs orient them and help them find their way to other, possibly more relevant, pages.
  • In this example, the home page and current page are omitted from the breadcrumb trail, which is not recommended.
‹ Previous 21 - 40 of 94 Next › Last »
Showing 20▼ items per page