Элемент nav не читается синтезатором речи для чтения с экрана iPad Safari. ⇐ CSS

[Anonymous]

См. https://ssh-test. мне - убрать пробелы. Элемент nav не читается вслух синтезатором свободной речи iPad Safari, но остальная часть страницы в порядке. В визуальном средстве чтения, которое, кажется, заменяет мой CSS, навигация также не отображается. Обратите внимание, что элемент навигации находится в конце документа, но в верхней части области просмотра с позицией: фиксированной, сверху: 0. Это ошибка Apple или я сделал что-то не так? Может ли кто-нибудь еще воспроизвести это на другом синтезаторе речи? Я протестирую это в других браузерах на своем iPad и Mac.
CSS:
nav {
width: 100%;
padding: 0;
background-color: #377996;
border-bottom: 8px solid #377996;
border-top: 6px solid #377996;
display: block;
overflow: hidden;
position: fixed;
top: 0;
left: 0;
align-items: center;
text-align: center;
z-index: 100;
}

a {
font-weight: bold;
text-decoration: none;
color: #f77;
}

nav a {
display: inline-block;
font-weight: normal;
width: 6.5em;
padding: 0;
margin: 0;
font: normal 18px/110% "Open Sans", Sans-Serif;
color: #fff;
text-align: center;
vertical-align: middle;
border-left: 1px solid #f77;
}


Подробнее здесь: https://stackoverflow.com/questions/790 ... synthesise