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…
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…
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,…
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…
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…
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…
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 -…
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…
I would like to visually hide the <h1> element on the page from regular site visitors; however, I am conscious that the element is important for users with screen readers. So I need to visually hide the element in a…