auto-claude: subtask-2-1 - Add accessibility attributes to skeleton loading
Added aria-label and aria-busy attributes to SkillsSkeleton component for better screen reader support. This ensures assistive technologies properly announce the loading state to users. Also updated .gitignore to exclude .auto-claude/ directory. Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
@@ -20,7 +20,7 @@ const Skeleton: React.FC<SkeletonProps> = ({ className }) => (
|
||||
);
|
||||
|
||||
const SkillsSkeleton = () => (
|
||||
<section id="skills" className="py-24 relative">
|
||||
<section id="skills" className="py-24 relative" aria-label="Loading skills" aria-busy="true">
|
||||
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<Skeleton className="h-8 w-48 mb-12" />
|
||||
<div className="grid grid-cols-1 lg:grid-cols-2 gap-8">
|
||||
|
||||
Reference in New Issue
Block a user