WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Tried to make it accessible; now it doesn't look good

for

From: Mark Rogers
Date: Oct 14, 2018 4:13AM


Check if the document is rendering in Quirks mode - this happens if it has no DOCTYPE, a malformed DOCTYPE or uses certain old DOCTYPEs:
https://html.spec.whatwg.org/multipage/parsing.html#the-initial-insertion-mode

In quirks mode a 1em margin is added to the bottom of the form:
https://html.spec.whatwg.org/multipage/rendering.html#flow-content-3


2. I'm working on the icons to change the language. They're currently
icons within BUTTON tags (type "submit") that are within a FORM tag. When
I try to position this form via CSS, I discovered that the icons occupy
only the *top half* of the form's box. The bottom half is empty. I
don't see any CSS causing that. This means I need extra CSS code to
vertically align the icons in the middle. Is this true, or am I missing
something?

Best Regards
Mark

--
Mark Rogers - <EMAIL REMOVED>
PowerMapper Software Ltd - www.powermapper.com
Registered in Scotland No 362274 Quartermile 2 Edinburgh EH3 9GL