A11Y - Search component missing description text (`aria-label`)

[israelcefrin]

Issue Description

The search box in the homepage and internal pages is missing descriptive label. Hence, it will not show up when assistive technologies attempt to outline the page structure.

How to reproduce / Current behavior

1. Access the homepage : https://docs.pkp.sfu.ca/
2. Inspect the search box provide by google
3. Notice that the div container has no role neither aria-label

Stack used

• Device: Laptop
• OS: Macos
• Browser: Edge

Testing method

• Method: Manual

Action

Add role="search" and a descriptive label using the correct attribute 'aria-label="Internal search"`

Additional information

Screenshot showing no role attributes for the component: