Needless UI

Componenti

Editor di testo formattato

Intestazioni, elenchi, link e formattazione, con barra degli strumenti e Markdown mentre scrivi.

Interazione da tastiera

TastoAzione
Ctrl + B, I o UGrassetto, corsivo o sottolineato. Sui dispositivi Apple, ⌘ al posto di Ctrl.
Ctrl + KAggiunge o modifica un link.
Ctrl + Alt + 1, 2 o 3Un’intestazione; Ctrl + Alt + 0 la riporta a paragrafo.
Ctrl + Maiusc + 7 o 8Un elenco numerato o puntato.
Tab e Maiusc + Tab in un elencoAumentano o riducono il rientro; altrove, Tab esce dall’editor.
Ctrl + Z, Ctrl + Maiusc + ZAnnulla e ripeti.
Freccia sinistra e destra nella barra degli strumentiSi spostano tra i suoi pulsanti.

Note sull’accessibilità

  • Il contenuto è una textbox con aria-multiline, con il nome dato da label e il segnaposto in aria-placeholder.
  • La barra degli strumenti è una toolbar WAI-ARIA con un solo tab stop: i formati sono pulsanti toggle con aria-pressed, e ogni pulsante indica la sua scorciatoia in aria-keyshortcuts e nel suo tooltip.
  • Un comando della barra degli strumenti riporta il focus al testo, e anche il dialog dei link lo fa con Esc. Tab non resta mai bloccato: fuori dagli elenchi esce dall’editor.