Add accessibility features to Admin Edit page”

[adring93]

User Story

As an admin, I want the Admin Edit page to be accessible, so everyone can use it easily.

Acceptance Criteria

• Add labels for screen readers (e.g., "Admin Name", "Admin Contact") to all elements on "edit-profile-admin.html".
• Ensure color contrast meets WCAG 2.1 AA standards (e.g., 4.5:1 ratio for text, like text-black on bg-white) as shown in Figma.
• Use Tailwind CSS to match the Figma design while applying accessibility features.
• Apply features across all screen sizes, ensuring readability on mobile (e.g., min font size 16px).

Technical Notes

• Use Tailwind utility classes for contrast (e.g., text-black bg-white).
• Add ARIA labels (e.g., aria-label="Admin Name") in HTML.
• Test with screen readers (e.g., VoiceOver or NVDA) to confirm usability.
• Verify mobile readability on Live Server, matching Figma mobile mockups.