Geek Answers Handbook

Is using position: an absolute internal relative can create problems in Print, screen-reader and for mobile users?

Using position:absoluteinside relativecan create problems in Print, screen-reader and for mobile users?

or float+ margin+ Paddingis still better, if we need a good compatibility on the screen, print and screen-reader and mobile users. Should I use less Position?

+5
source share
1 answer

Screen readers completely ignore the positioning of elements through CSS. Instead, they use the order in which items are displayed in the DOM when deciding what to read first.

Consider the following example:

<p style="position:absolute;top:100;left:0">Foo</p>
<p style="position:absolute;top:0;left:0">Bar</p>

Visually, the “Bar” paragraph first appears because we positioned it above the other using CSS. But the screen reader ignores CSS and simply reads the “Foo” paragraph, followed by the “Bar” paragraph.

So, to answer your question, yes, this is probably great for screen users. However, keep in mind the ordering of your elements and make sure the page still makes sense when reading in that order.

: , . , IE6 "" . ( Safari iPhone) - , .

+2

More articles:


All Articles