Topic on Talk:MediaWiki/Homepage improvements 2018

The new design is fine with me, slim, very clear, cleaned up, silent, modest.

One suggestion: The photo of the community crowd might be wrapped into

<div style="float:right; margin:...;" aria-hidden="true" role="presentation">

Reason: For blind people the photo does not tell anything; should be suppressed entirely to avoid confusion.

The same (by <span>) goes for the OOui icons in the upper left corners of the boxes, and in later page navigation. That is visual information which would be explained to blind visitors, but has no other meaning than the text aside. However, the explanation of the image could sound very strange.

@PerfektesChaos: Thanks a lot, this is very helpful!

All added in , except for the float:right for the photo. It would not work in Modern and Monobook skins on smaller screen widths (e.g. 500px) as the photo will cover some letters in the first line, and in Timeless skin it is even worse as it only shows two or three letters per line, so I cannot do that.

...and after adding that I do not see any aria-hidden left in the rendered source code of the HTML page.

aria-hidden is queued at phab:T204618.

Both role and aria-hidden should have similar effect but slightly different semantics:

• role says: omit, since only decorative.
• aria-hidden says: strip off, since distracting; keep on main track, suppress the hint of the day and the Did you know? box and focus attention on major purpose of the page.

To make it foolproof both properties are provided; at least one should be recognized.

I will have a closer look tonight at the skin problems; there are two methods for layout on right edge, by wikisyntax and by HTML. One should serve all.