fyvr.net

last-child.com

A11y | :last-child

http://www.last-child.com/tag/a11y

CSS Toys for Professional Web Developers. Android Accessibility The Missing Manual. Notes from G3ict International Briefing: Inclusive Financial Services for Seniors and Persons with Disabilities. I was invited to represent Intuit at a meeting in Paris to discuss how International financial institutions could provide accessible experiences for their customers and employees. The event was organized by G3ICT and built upon the work done for the Convention on the Rights of Persons with Disabilities. Busines...

last-child.com

Accessible Infographics | :last-child

http://www.last-child.com/accessible-infographics

CSS Toys for Professional Web Developers. Android Accessibility The Missing Manual. This series of articles on accessible infographics will be the basis of a presentation at CSUN 2013: Infographics Making an image speak a thousand words. This project explores the options for creating complex infographics that are also accessible. More importantly, how can these graphics and their accessible content, be shared on Facebook, personal blogs, and other sites? Further, most infographics describe complex topics...

last-child.com

ARIA | :last-child

http://www.last-child.com/tag/aria

CSS Toys for Professional Web Developers. Android Accessibility The Missing Manual. I love simple bookmarklets that visualize coding patterns. I was working on a project today and wanted to verify that aria-labels were sufficiently descriptive. So I put together this quick bookmarklet. Simply drag that up to your bookmark bar and click on it whenever you need to test a page. If an has an aria-labelledby, it should have a pink background and the object it is pointing to will be displayed in green. Leave a...

last-child.com

Include the Transcript - Toggle Visibility | :last-child

http://www.last-child.com/accessible-infographics/infographic-transcript-toggle

CSS Toys for Professional Web Developers. Android Accessibility The Missing Manual. Include the Transcript – Toggle Visibility. Including a visible transcript with your infographic. Allows all users to access the information. They are able to follow links and copy/paste for additional sharing. However, the transcript can be large and overwhelm an article when the infographic is added as secondary content. The transcript can be included within a hidden container. Unfortunately, iframes do not respond to h...

last-child.com

Include the Transcript - Hidden | :last-child

http://www.last-child.com/accessible-infographics/include-the-transcript-hidden

CSS Toys for Professional Web Developers. Android Accessibility The Missing Manual. Include the Transcript – Hidden. We’ve seen that adding the infographic’s translation on a page. Is the most accessible method. It gives all users the ability to read, select, copy, and share the information within the infographic. It also allows the user to follow links that are embedded in the infographic’s transcript. However, this may not be the best method for sharing infographics. As the content is hidden visually, ...

html5gallery.com

Experimental | HTML5 Gallery

http://html5gallery.com/category/experimental

A showcase of sites using HTML5 markup and API's. Ideas for HTML5 Gallery. Skip to primary content. Skip to secondary content. July 24, 2014. Http:/ www.timer-tab.com/. August 24, 2011. June 16, 2011. Http:/ www.experiencebureau.com/toys/kaleidoscope/. November 23, 2010. Http:/ blog.datagutt1.com/. September 7, 2010. Visualizing the World Cup. Http:/ robertivan.com/WorldCuphtml5.html. September 3, 2010. August 21, 2010. August 21, 2010. Http:/ www.sourcebits.com/cart543/. August 20, 2010. June 21, 2010.

last-child.com

Accessible Infographic - Link to the Transcript | :last-child

http://www.last-child.com/accessible-infographics/link-to-the-transcript

CSS Toys for Professional Web Developers. Android Accessibility The Missing Manual. Link to the Transcript. Ties an image to its long description, which browsers and screen readers turn that into a method to access the long description. JAWS, for instance, will announce a long description is available. And the user can navigate to the content via the. Keys Unfortunately, the longdesc attribute is not well supported and the content is not made available to users without a screen reader. Suggests “Te...

last-child.com

The longdesc attribute | :last-child

http://www.last-child.com/accessible-infographics/infographics-longdesc

CSS Toys for Professional Web Developers. Android Accessibility The Missing Manual. Wouldn’t it be nice if there was a standard method for providing long descriptions of complex images, charts, and infographics? Not surprisingly, there is. The longdesc. For accessing the “longdesc” resource of the former must be different than the mechanism for accessing the href resource of the latter. Including an image: the IMG element. The longdesc attribute should provide the best option for making infographics acce...

last-child.com

Last-Child : CSS and Web Development from Ted Drake - Part 2

http://www.last-child.com/page/2

CSS Toys for Professional Web Developers. Android Accessibility The Missing Manual. The biggest font size requirement is that the user is able to adjust their font size and the application inherits their preference. In Web, this means we use a relational font, such as em, rem, percentages. Vm, and vh. Pixels are passable, but we don’t want to use points. Continue Reading Accessible Font Sizing. March 16, 2016. March 16, 2016. Leave a comment on Accessible Font Sizing. I’m labelling the next element.

last-child.com

Use aria-labelledby to provide context to unordered lists | :last-child

http://www.last-child.com/aria-labelledby-on-lists

CSS Toys for Professional Web Developers. Android Accessibility The Missing Manual. Use aria-labelledby to provide context to unordered lists. It’s not uncommon for a web page to include multiple sets of lists. This is especially true for a web site that aggregates information. The Yahoo! Home page contains at least 12 lists. Screen readers allow the user to navigate a page via lists and announce the number of items in each list. But what if we could make this navigation more relevant? The code for this ...