edits for issues #104 and #110

logo images did not have an alt tag, so they've been added

buttons on the options menu were generic, so an interactive description
was added through the use of aria labels
This commit is contained in:
ro 2024-05-09 13:28:15 -06:00
parent 7f1654d13b
commit a2053df931
No known key found for this signature in database
GPG key ID: 29B551CDBD4D3B50
5 changed files with 8 additions and 8 deletions

View file

@ -1,6 +1,6 @@
<div> <div>
<a href="/dashboard"> <a href="/dashboard">
<img class="logo-medium" src="/assets/images/global/fipamo-logo-secondary.svg"/> <img alt="fipamo logo" class="logo-medium" src="/assets/images/global/fipamo-logo-secondary.svg"/>
</a> </a>
</div> </div>
<form id="init-form" method="POST" onsubmit="return false;"> <form id="init-form" method="POST" onsubmit="return false;">

View file

@ -1,6 +1,6 @@
<div> <div>
<a href="/dashboard"> <a href="/dashboard">
<img class="logo-medium" src="/assets/images/global/fipamo-logo-secondary.svg"/> <img alt="fipamo logo" class="logo-medium" src="/assets/images/global/fipamo-logo-secondary.svg"/>
</a> </a>
</div> </div>
<form id="init-restore" method="POST"> <form id="init-restore" method="POST">

View file

@ -1,6 +1,6 @@
<section class="login"> <section class="login">
<div> <div>
<img id="the-logo" class="logo-medium" src="/assets/images/global/fipamo-logo-secondary.svg"/> <img alt="fipamo logo" id="the-logo" class="logo-medium" src="/assets/images/global/fipamo-logo-secondary.svg"/>
</div> </div>
<form action="/login" method="post" enctype="multipart/form-data"> <form action="/login" method="post" enctype="multipart/form-data">
@csrf @csrf

View file

@ -17,7 +17,7 @@
<header> <header>
@if($status) @if($status)
<nav class="top-nav"> <nav class="top-nav">
<a href="/dashboard"><img id="the-logo" src="/assets/images/global/fipamo-logo-primary.svg"/></a> <a href="/dashboard"><img alt="fipamo logo" id="the-logo" src="/assets/images/global/fipamo-logo-primary.svg"/></a>
<h1>{{ $title }}</h1> <h1>{{ $title }}</h1>
<div class="nav-right"> <div class="nav-right">
@if($status) @if($status)

View file

@ -32,19 +32,19 @@ if(isset($page['uuid']))
@endphp @endphp
<br> <br>
<button id="option-menu-pin" class="option-inactive post-option-btn" data-active="{{ $menu }}" title='Pin to Menu'> <button id="option-menu-pin" class="option-inactive post-option-btn" data-active="{{ $menu }}" title='Pin to Menu' aria-label="pin to menu">
<svg id="option-menu-pin" class="icon"> <svg id="option-menu-pin" class="icon">
<use id="option-menu-pin" xlink:href="/assets/images/global/sprite.svg#entypo-pin"/> <use id="option-menu-pin" xlink:href="/assets/images/global/sprite.svg#entypo-pin"/>
</svg> </svg>
</button><button id="option-feature" class="option-inactive post-option-btn" data-active="{{ $featured }}" title='Feature'> </button><button id="option-feature" class="option-inactive post-option-btn" data-active="{{ $featured }}" title='Feature' aria-label="feature post toggle">
<svg id="option-feature-icon" class="icon"> <svg id="option-feature-icon" class="icon">
<use id="option-feature-icon" xlink:href="/assets/images/global/sprite.svg#entypo-star"/> <use id="option-feature-icon" xlink:href="/assets/images/global/sprite.svg#entypo-star"/>
</svg> </svg>
</button><button id="option-published" class="option-inactive post-option-btn" data-active="{{ $published }}" title='Published'> </button><button id="option-published" class="option-inactive post-option-btn" data-active="{{ $published }}" title='Published' aria-label="publish post toggle">
<svg id="option-published-icon" class="icon"> <svg id="option-published-icon" class="icon">
<use id="option-published-icon" xlink:href="/assets/images/global/sprite.svg#entypo-globe"/> <use id="option-published-icon" xlink:href="/assets/images/global/sprite.svg#entypo-globe"/>
</svg> </svg>
</button><a href="/dashboard/page/preview/{{ $uuid }}" target="_blank"><button id="option-preview" class="option-inactive post-option-btn" data-active="false" title='preview page'> </button><a href="/dashboard/page/preview/{{ $uuid }}" target="_blank"><button id="option-preview" class="option-inactive post-option-btn" data-active="false" title='preview page' aria-label="preview post">
<svg id="option-preview-icon" class="icon"> <svg id="option-preview-icon" class="icon">
<use id="option-preview-icon" xlink:href="/assets/images/global/sprite.svg#entypo-eye"/> <use id="option-preview-icon" xlink:href="/assets/images/global/sprite.svg#entypo-eye"/>
</svg> </svg>