Специальные возможности: видимость при наведении - как добавить функцию чтения с экрана и ontab? - PullRequest
Новая
       39

Специальные возможности: видимость при наведении - как добавить функцию чтения с экрана и ontab?

0 голосов
/ 21 апреля 2020

Я создаю свое самое первое приложение React! Я использую это для создания приложения писателя, которое я хочу сделать доступным для всех.

У меня есть встроенная консоль basi c. В центре находится консоль ввода, слева - панель навигации с навигационными ссылками, а справа - панель параметров с кнопками для настройки среды. Вот базовая c структура: 

function Demo() {

return (
<div className='Demo'>
  <div className="movable-writer-station">
  <aside>
    <div className="left panel" id="writer-station-nav-panel">
      <nav>
        <div className="panel-links flex-column">
          <h1>Writer's Station</h1>
            <a href="#">My Stories</a>
            <a href="#">Calendar</a>
            <a href="#">Writer's Groups</a>
            <a href="#">Friends</a>
            <a href="#">Forum</a>
            <button className="btn">Invite to Sprint</button>
        </div>
      </nav>

    </div>
  </aside>
  <main>
    <div className="writer-console-container">
        <div className="writer-station-input">
          <textarea></textarea>
        </div>
        <div className="word-count">
          342
        </div>
    </div>
  </main>
  <aside>
    <div className="right panel" id="writer-station-button-panel">
      <div className="text options">
        <input id="ltr1" className="c-btn t1" type="button" value="F" />
        <input id="ltr2" className="c-btn t2" type="button" value="F" />
        <input id="ltr3" className="c-btn t3" type="button" value="F" />
        <input id="ltr4" className="c-btn t4" type="button" value="F" />
        <input id="ltr5" className="c-btn t5" type="button" value="F" />
     </div> 
   </div>
  </aside>

Теперь эстетически я буду строить функциональность, где вся консоль будет отображаться в течение нескольких секунд, чтобы зрячие пользователи знали, что там, но затем она исчезала, чтобы отвлечь внимание. Без просмотра. Когда они нуждаются в этих функциях или хотят изменить состояние (песню, стиль шрифта и т. Д.), Они могут просто навести курсор мыши на правой панели, чтобы снова открыть параметры.

Я использую видимость: нет, когда панели не зависали. Но как насчет программ чтения с экрана и чтения вкладок? Я узнал, что это свойство CSS вообще не разрешает пользователю доступ к этим функциям. Как я могу предоставить возможность использования всех функций, в то же время предоставляя визуальную эстетику c Я надеюсь на это?

Примечание: я использую программу под названием «OmmWriter» в качестве вдохновения для этого , если вы хотите пример реализации. Хотя мое приложение будет иметь другую и дополнительную функциональность и сможет использоваться как веб-приложение.

...