Correct link usage – SEO
I have a page that lists links to detail pages. These links are in the format of a card. This card has an image, a heading, a view button and a save button. +-----------------+ | | | IMAGE | |…
Should I use <h1> in a dialog? – SEO
HTML heading tags should be used in a way that maintains semantic structure (for both SEO and accessibility). Generally this means a single <h1> for the current page heading, with lesser headings nested from there. However dialogs are often created…
How to add alt text to background images? Making background images accessible-Twitter bootstrap
I have a site that is displaying many of its images as background images using background-size: cover to size them to completely fill the element while cropping off any parts of the image that don't fit. The problem is that…
Developing an entire website with only SVGs – SEO
I've been using SVGs for a multitude of things and I was able to get the exact result I was looking for. This got me wondering why we can't build entire websites with them... I don't mean like replace index.html…
Hiding headings in the document outline for accessibility reasons – SEO
I have a question about ensuring good document structure when the visual design doesn't call for explicit headings. Take the following example HTML for a homepage. <header> <h1>Our Brand</h1> <p>Tagline</p> </header> <section class="company"> <h2>Our Company</h2> <p>Lorem ipsum dolor sit amet,…
How to implement keyboard support for a bootstrap select menu in IE for blind users – Twitter bootstrap
I currently have a system that uses bootstrap and an option to select the menu. Blind users can not us it, because the options are not displayed. Is there some JavaScript solution to fix the problem? I need the solution…
Nesting of the HTML5 nav and other semantic elements – SEO
When using the <nav> element in HTML, how should you handle navigation elements that contain links as well as other content (such as the logo in the example below)? I find myself containing everything in a <nav> element: <nav> <div…
Should I have aside element ouside or inside of main element? – SEO
Let's say aside element includes "Oh, by the way …" content such as reading suggestions, advertisements, or cross sells. Is it semantically okay to have aside outside of main? If yes, does it have any advantage over accessibility if I…
Why Doesn't The Text-Indent Accessibility Trick Get Penalized By Search Engines? – SEO
I was trying to figure out the best accessibility techniques for screen-reader only text (color: transparent, opacity: 0, etc.) and came across a thread that got me thinking. 2 quotes from that post: "[hidden text] risks search engine penalties -…
What would browsers need to support the HTML5 document outline? – SEO
In short, the HTML5 specification allows us to use multiple h1 elements. However, there is a fair amount of controversy over this feature, with 2 major claims as to why not to use it. 1. SEO: Mainly dubious claims that search…