Great job on the new website!

[noClue]

@ peregrine:

"Quick 'n' dirty" Check (== not each and every site thoroughly checked in each and every web browser, but 'quick look' for most important)

It seems to be working fine now, in:

Windows 10 Pro 1809, Build 17763.348 (64-Bit)
- Microsoft Edge 44.17763.1.0, Microsoft EdgeHTML 18.17763 (64-Bit)
- Internet Explorer 11 11.348.177630, Update Version 11.0.111 (32-Bit)
- Google Chrome Portable Version 72.0.3626.121 (32-Bit)
- Firefox Developer Edition 67.0b1 (64-bit)
- Firefox Quantum 65.0.2 (64-Bit)

Linux Mint 19.1 Cinnamon (~ Ubuntu 18.04)
- Chromium Version 72.0.3626.121 Built on Ubuntu , running on LinuxMint 19.1 (64-Bit)
- Internet (GnomeWeb/Epiphany) 3.28.1 (WebKitGTK+ 2.22.6)
- Firefox Quantum 65.0.1 (64-Bit)

macOS HighSierra 10.13.6 (17G5019)
- Safari 12.0.3 (13606.4.5.3.1) (64-Bit)
- Google Chrome Version 73.0.3683.75 (64-Bit)

--

Broken icon-views in most browsers (Edge/Chrome/Safari ...)
(see attached screenshots)

html part
onclick event
<img src="//mxlinux.org/community/wp-content/plugins/gtranslate/flags/16/en-us.png" alt="en" width="16" height="16">
<div class="switcher notranslate">

css part
.switcher a img {
vertical-align:middle; /* should be 'top' to align height difference between image and text where it shows up */
...
}

Screenshots of Chrome/Firefox/Epiphany/Edge:

unbenannt-1.png

unbenannt-2.png

unbenannt-3.png

unbenannt-4.png

[JayM]

I have a suggestion:

The dropdown menu for Support has Forum as a clickable link with Alternate Forum as a submenu item that's also a link. It's not obvious that Forum is a link though, it looks like it's just a non-clickable heading or title for the submenu. I suggest that Forum be changed to Forums and not be a link, then in the submenu have MX Forum and Alternate Forum that are links. You may even wish to add the antiX forum as well.

So instead of

Forum

• Alternate Forum

it would look like

Forums

• MX Forum
  antiX Forum
  Alternate Forum

(if you decide to include the antiX forum.) I think that would be more intuitive to visitors than the current layout of those menu items.

I had to use a list to get the indentations to resemble what the dropdown menu looks like, so ignore the bullets. Also the links don't go to URLs, they're only meant to show that those menu items are links in my post.

I just found another one. MZ/antiX Wiki under Support in the website's top menu is the same: the entry "MX/antiX Wiki", which looks like a submenu title, is a link to the English wiki, then when you hover on it you're presented with a submenu with entries for French, Italian and Russian translations of the wiki. It isn't obvious that the parent item for the submenu is actually a clickable link: it appears as though MX and antiX don't have a wiki in English. In other words the menu structure is actually

MX/antiX wiki

• (French wiki)
  (Italian wiki)
  (Russian wiki)

but what it looks like to users is

MX/antiX wiki

• (French wiki)
  (Italian wiki)
  (Russian wiki)

"What, no English wiki???"

[skidoo]

30% of the adult male population exhibits (per my reading) some degree of colorblindness, predominantly red-green, IIRC. Mousing around, hovering everything to figure out which bits are marked up with color (near identical HSV value for a colorblind person) "just for fun" is not... fun. Thankfully, I'm not colorblind. Nonetheless, my eyes|brain didn't easily associate "RED means hyperlink anchortext" when viewing the wiki pages.

[asqwerth]

30% of the adult male population exhibits (per my reading) some degree of colorblindness, predominantly red-green, IIRC. Mousing around, hovering everything to figure out which bits are marked up with color (near identical HSV value for a colorblind person) "just for fun" is not... fun. Thankfully, I'm not colorblind. Nonetheless, my eyes|brain didn't easily associate "RED means hyperlink anchortext" when viewing the wiki pages.

Good point.

Perhaps the links should be underlined? Or could you suggest a more appropriate colour?

[JayM]

On the subject of visual impairments, underlining links would probably be an improvement, as would changing the on-hover link color from light blue (on a grey background) to a brighter, bolder shade of blue such as plain old blue (#0000FF) or perhaps green (#008000.) Light-blue on grey would probably be difficult to see for people who have trouble differentiating colors anyway. It probably looks to them like the text disappears when they hover on it. Even if they can't see that blue is blue or green is green they should at least see that it changes on hovering, so between that and links being underlined it should be easier for them to tell that those are links.

Per what I've read, skimming an article or two on the subject just now, most colorblind people can see colors, they just can't tell what they are. Dark red and brown would look alike to them, for example. Also, there are different kinds of colorblindness. Some people can't see green or shades of green: trees and grass all look grey to them, like a mixture of colors and monochrome. So the best practice is to incorporate more than one design element to distinguish components of a website (like links) rather than just using a color. Actually, color plus an underline plus bold text would be using three design elements, so that might be even better. Make 'em really stand out as being links.

It should be an easy change thanks to CSS: just change "text-decoration: none;" for a, a.visited and a.hover to "text-decoration: underline;" and change the color value for a.hover as well. On the other hand I don't know how difficult that would be using Wordpress vs. hand-editing the CSS file(s).

(The poor MX webmaster/webmistress! We're not picking on you, honest! We just want the website to be as nearly perfect as possible just like MX Linux is.)