Текущая страница в меню телефона в режиме высокой контрастностиThe current page in the phone menu in high-contrast mode

ЦельGoal

Инвестор, у которого в Windows включён режим высокой контрастности, на экране до 759 px видит в меню, на какой он странице, так же ясно, как без этого режима.An investor with Windows high-contrast mode turned on sees in the menu, on a screen up to 759 px, which page they are on as clearly as without that mode.

ЗадачаProblem

На телефоне текущая страница в меню отмечена полосой под ссылкой. В режиме высокой контрастности браузер эту полосу не рисует, и текущий пункт («Страны», «Лоты», «Сравнение», «Источники» или «Метод») отличался от остальных только жирным шрифтом.On a phone the current page in the menu is marked with a bar under the link. In high-contrast mode the browser does not draw that bar, so the current item («Countries», «Lots», «Compare», «Sources» or «Method») differed from the others only by bold type.

Как решилиHow it was solved

• В режиме высокой контрастности текущий пункт меню подчёркнут толстой линией системного цвета; у остальных пунктов подчёркивания нет. Замер на 320, 390 и 759 px, ru и en, в светлой и тёмной схеме: подчёркнут текущий пункт на всех 5 страницах, где он есть; размеры ссылок меню и высота шапки не изменились. Без режима высокой контрастности и с 760 px ничего не изменилось.In high-contrast mode the current menu item is underlined with a thick line in the system colour; the other items have no underline. Measured at 320, 390 and 759 px, Russian and English, light and dark scheme: the current item is underlined on all 5 pages that have one; menu link sizes and header height are unchanged. Nothing changed without high contrast or from 760 px.

До и послеBefore and after