Skip to content

[QoL] tag cleanup #88

Description

@gbowne1
  1. Add a permissions policy

<meta http-equiv="Permissions-Policy" content="geolocation=(), microphone=(), camera=()">

  1. Fixing it so that numbers don't act as telephone/mobile dialing.

<meta name="format-detection" content="telephone=no">

  1. Add support for legacy mobile browsers

<meta name="HandheldFriendly" content="True">

  1. Add author information

<meta name="author" content="Gregory Bowne">

  1. wrong tag for JSON-LD.

<link rel="alternate" type="application/ld+json" href="../structured-data.json" />

should be

<script type="application/ld+json">
  { ... }
</script>
  1. Hardcoded copyright date, use JS logic to update

  2. No Content Security Policy tag

add something like: <meta http-equiv="Content-Security-Policy"...>

  1. No lazy loading for non-critical images

add a loading="lazy" to image tags that aren't critical like footer images

  1. redundant nav role

The

already implies role="navigation", so role="navigation" is redundant.

  1. Modal ARIA

For modals and dialogs, you may want to add role="dialog" and aria-modal="true" for better a11y.
Modals should have proper aria-labelledby attributes. Make sure focus is trapped within the modal when it is open.

  1. Autocomplete password issue

For sensitive fields (username, password), we may want to add autocomplete="off" or a more specific value (e.g., autocomplete="username", autocomplete="current-password") to prevent browser autofill issues.

  1. Duplicate "type" attriute in

<link rel="icon" type="image/png" href="assets/logos/favicon.png" type="image/x-icon" />

remove one.

  1. Ensure the manifest.json and icon tags have the same path

  2. Obsolete as browsers no longer need this.

  3. theme toggle doesn't have any ARIA descriptives

`<button id="themeToggle" ...> this also needs proper icon classes

  1. commented out icon is wrong HTML syntax use

<!-- <link rel="icon" sizes="96x96" href="assets/logos/favicon-96x96.png" /> -->

  1. Since we use Bootstrap 5 features like modals we need the JS CDN link
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-..." crossorigin="anonymous"></script>

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't workingenhancementNew feature or requestgood first issueGood for newcomershelp wantedExtra attention is needed

    Projects

    Status
    Todo

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions