background preloader

HTML5 accessibility

HTML5 accessibility
Related:  HTML

Expanding Images using HTML5′s contenteditable tabindex HTML5 has a new attribute, contenteditable, which can be applied to any element which allows it to be edited directly in the browser window. Think of text input with a predefined value, but it can literally be any element. Form elements like text inputs support the :focus pseudo class, which allow us to style those elements when they are clicked upon or otherwise navigated to. Giving an element the contenteditable attribute means it also now supports the :focus pseudo class, which opens up some interesting possibilities! We'll exploit this little trick to make an expanding image (like a lightbox without the overlay) right within some content. UPDATE: Even better, you can give attributes a tabindex attribute, like you would a form element, which allow allows :focus without the editability. HTML5 Markup HTML5 has nice elements for including captioned images. <section class="image-gallery"><figure><img src="images/img-1.jpg" alt="jump, matey" /><figcaption">Jump! The Images The CSS Related

W3C HTML5 This specification defines the 5th major version, second minor revision of the core language of the World Wide Web: the Hypertext Markup Language (HTML). In this version, new features continue to be introduced to help Web application authors, new elements continue to be introduced based on research into prevailing authoring practices, and special attention continues to be given to defining clear conformance criteria for user agents in an effort to improve interoperability. This section describes the status of this document at the time of its publication. Other documents may supersede this document. A list of current W3C publications and the latest revision of this technical report can be found in the W3C technical reports index at This document was published by the Web Platform Working Group as a W3C Recommendation for HTML 5.2 that would obsolete the HTML 5.1 Recommendation. This document was produced by a group operating under the W3C Patent Policy.

55 Excellent Examples of Websites Using HTML5 1860 shares 10 HTML5 Demos to Make You Forget About Flash You’ve probably been hearing a lot lately about how Flash is a dying technology and how it’ll soon be replaced by HTML5. Personally, I think that it will slowly replace Flash for some things, but Flash will always have a place, especially for developing complex games and rich internet applications. If you’ve yet to see… Read More 57 shares 20+ Tools for Quick and Clean Code Development Developing websites is much more than just a pretty face, and depending on what typed of features you’d like to implement on the site, there’s a lot of coding that goes into it.

W3C HTML : balises Abstract This non-normative reference describes the HTML markup language and provides details to help producers of HTML content create documents that conform to the language. It is intended to complement the normative conformance criteria defined in the HTML5: A vocabulary and associated APIs for HTML and XHTML specification, as well as information in related deliverables published by the HTML Working Group and from other sources. Status of this Document This section describes the status of this document at the time of its publication. This document is the 11 October 2012 Working Draft of HTML: The Markup Language (an HTML language reference). This document was published by the W3C HTML Working Group, part of the HTML Activity in the W3C Interaction Domain. Instability and incompleteness of this document Examples The documentation for each element ideally have at least one conformant example and at least one non-conformant example. Details Additional constraints and admonitions

The Only HTML5 Resources You Need for Getting Up to Speed There’s a lot of buzz going around about HTML5. Big companies such as Apple are predicting that it’s the technology that will sign the death warrant of the popular Flash platform that powers a lot of rich internet apps and complex dynamic web components. But what is HTML5, really? How will it change the jobs of web developers and web designers? 1. For the visually-inclined and casual folks out there, here’s an interesting HTML5 infographic covering useful things such as a comparison of HTML5 and Flash, web browser support/readiness, and a highlight of some of the more popular and powerful modules in HTML5. 2. Software developer and popular blogger, Mark Pilgrim, has written an online book about HTML5. 3. HTML5 Doctor publishes articles related to HTML5, featuring practical information and ways we can use the technology right now. 4. 5. 6. 7. As a proof of concept, Smashing Magazine explores HTML5 with a practical tutorial on building a webpage layout using some new HTML5 elements. 8. 9.

Pompage Lorem Ipsum Lorem Ipsum