Narrated Website stylesheets and languages

Before doing some screen captures, I’m doing a bit of exploring. There may be a rendering glitch. But it might be my browser and/or OS : Firefox on Fedora 37.

Could users check with other OSes and Browsers?

The default language for Serge’s example site is (naturally) in French. So I searched for the Languages choice. At 100% zoom or larger, the language choice is a option (with a submenu) of the Hamburger context menu. But at less than that (<99%) zoom, The Hamburger disappears and tabs for each top-level menu option appear.

Regardless of the language selected, the width allocated for the submenu is too narrow. All the row labels are broken mid-word so that they are harder to read and take 2 rows.

In the Hamburger menu, a click shows an options menu but offset a bit too much downwards. The ‘Langue’ does not have any submenu indicator. But as you rollover the upper edge of ‘Lange’ row, the submenu completely hides the title row.

Something that always seems strange to me is that the Langue submenu has each language labeled in the current GUI locality. That seems appropriate for the Tooltip.

But if a user needs to change the language, they probably need to see the language labeled in its native tongue. Especially if that language uses a different character set.

if GUI language is English Native
Arabic عربي
German Deutsch
English English
Spanish Español
French Français
Swedish svenska

MacOS with either Safari or Brave looks the same as you describe. Both the Langue dropdown and the hamburger exhibit the same as you describe.

1 Like

Do you want something like this:
https://noiraud.webhop.me/langages_NAVWEB/index.html

The default language in brackets depends on the choice of the “translation” parameter in the Display tab.

The widths of the menus were much better adapted to the string lengths. (Thank you!)

The parenthetical does not seem to work right. It always contains the French version. It should be the Language labeled in that language. I am uncertain what should happen for right-to-left parentheticals. Can a single menu item be Right-to-left and the others left-to-right? Maybe the parenthetical can be eliminated with the tooltip containing the Native Language? (So that there is never any change that mixes the directions in the menu.)

So “(Anglais)” would always be “(English)”. Thus when running in French, full version would be “Anglais (English)”. And there would never be a “(French)” shows when the GUI is set to any language. It would always be “(Français)”


Can you offset the Hamburger submenu to the right or downwards? So at least 3 letters of the “Language” parent menu item is still visible? The offset for the tabbed menus is nice - where it moves downwards a line … so it doesn’t have to offset to the right.

Finally, The hamburger submenu was hard to access with a touch interface (on my phone). When the submenu appeared during a press’n’hold, a browser popup (about copying the hotlink or the text) overlaid the menu. On a click, the submenu popped up but, because the submenu was not offset, immediately selected the 1st row that was overlaid the “Language” menu option. (A downwards offset would eliminate that possibility.)

Using Firefox on Win 11 Pro I don’t see the hamburger icon. There is nothing to the left of the title ‘My Family Tree’.

1 Like

This a dead link for me using Firefox on Win 11 Pro.

Please try changing the browser’s zoom scale. See if the Hamburger appears at 125% scale or 75% scale. (The icon appears at the left of the page header on my system. Not at the usual right. It may be in another place for you.)

I never used windows, So I don’t know what you have.
What are you prefered languages ?
intl.accept_languages in about:config ?

The index.html use the languages set in your browser to go to the right place.
If none of your accepted languages is known, the default language is selected.

What is the exact error ?

Shrink the width of the Firefox window. Hamburger only appears when there is insufficient width for the horizontal menu.

2 Likes

I don’t agree. If I create a site for french, danish and spanish, why do you want I set the language in english. I have old people who don’t understand english.
If you prefer, I can put the language code instead (fr, es, da)

In Windows, the only language I have is ‘English (United Kingdom)’.

In FF, intl.accept_languages in about:config shows ‘en-GB, en’.

When I click the link it takes me to URL:
https://noiraud.webhop.me/langages_NAVWEB/en-GB/index.html
and the tab says ‘404 Not Found’, and the error displayed is:
Not Found

The requested URL was not found on this server.

It doesn’t matter what zoom I choose, no hambuger icon appears anywhere on the page. Running FF full screen doesn’t change this behaviour either.

1 Like

Ah! That does make the hamburger icon appear, once the FF windows gets to about half the width of my monitor.

I think the question is - why is the language string before the parenthesis the same as the language string within the parenthesis.

Having the string within the parenthesis in that language code makes sense.

Imagine I mistakenly switched languages to Chinese simplified. I have no way of switching back to english (or french) since I do not know where it is in the Chinese menu, as I cannot read Chinese. The suggestion is the parenthesis string for the French line should be in French and the parenthesis string for the Russian line should be in Russian. The string before the parenthesis is still in the set language (Chinese in this case). In this case, the user could always find their language in the menu no matter what the language.

2 Likes

I didn’t test this case. If you change the language order, it should work.
I’ll try to find a solution.

I have changed the language menu.
The only problem remains: you have to click twice on the hambuger icon the first time we are on a page. For the following clicks, the hidden visible toggle works.

The language preference should work.

1 Like

I solved this problem.

1 Like

The link works as expected now for me, thank you.

1 Like

This is because you want to load a french page.

I have changed the hamburger menu to make it easier to read and use.

If you start with Serge’s language example site you’ll go to the default page depending on your language preference in your brower.

1 Like