Bottom bar

De bottom bar is een bar over de volledige breedte die altijd onderin het scherm zichtbaar is. De bar kan gebruikt worden als er een mededeling aan de gebruiker getoond moet worden die altijd in beeld blijft, ongegeacht waar op het scherm de gebruiker is.

Omdat de bar absoluut gepositioneerd is onderin het scherm, moet de inhoud van de bottom-bar in een grid geplaatst worden. Daarom moet de bar in een container met een row en columns gezet worden.

Het tonen of verbergen is geen standaard functionaliteit en moet dus zelf ingebouwd worden.

Toegankelijkheid:

Let op de toegankelijkheid: een bar die opeens verschijnt is voor een blind persoon niet duidelijk. Bij complexere applicaties kan het helpen om een alleen voor blinden leesbare instructie op te nemen, zodat duidelijk is wat de gebruiker kan doen. Iets leesbaar maken voor alleen screenreaders kan door het een class="screenreader-only" te geven.

De bar moet met een toetsenbord toegankelijk zijn, dus zorg ervoor bij het tonen van de bottom-bar dat de elementen (indien van toepassing) op een logische plek in de tabvolgorde opgenomen wordt.

Zie onderkant pagina voor een voorbeeld van de bottom bar.

De bottom bar kan in principe alles bevatten. Dus ook een

Benodigde stylesheets

  • /uno/components/bottom-bar/bottom-bar.css
  • /uno/components/button/button.css