Skip to content
Snippets Groups Projects
Commit b3696a31 authored by Bernard Roland (Student Com20)'s avatar Bernard Roland (Student Com20)
Browse files

Fixed accessibility issues

parent 484b0dbb
No related branches found
No related tags found
No related merge requests found
......@@ -38,31 +38,43 @@ export default function Project({ project, large, demo }: ProjectProps) {
}
}, [project, demo]);
return (
<Link to={demo ? '' : '/projects/' + project.id} className={'project ' + (large ? 'large' : '')}>
<div className="status">
<Tag label={project.status} color={StatusColors.get(project.status)} />
</div>
<div className="content">
{
completion
? (<CircularProgress percent={completion.closed / (completion.sum ?? 1) * 100} color={project.color} />)
: (<LoadingScreen />)
}
<div className="title">{project.name}</div>
{
large &&
<div className="details">
{
project.deadline
&& (<div className="deadline">{formatDate(project.deadline, 'month')}</div>)
}
<AssigneeList assignees={assignees} max={3} />
</div>
}
const content = <>
<div className="status">
<Tag label={project.status} color={StatusColors.get(project.status)} />
</div>
<div className="content">
{
completion
? (<CircularProgress percent={completion.closed / (completion.sum ?? 1) * 100} color={project.color} />)
: (<LoadingScreen />)
}
<div className="title">{project.name}</div>
{
large &&
<div className="details">
{
project.deadline
&& (<div className="deadline">{formatDate(project.deadline, 'month')}</div>)
}
<AssigneeList assignees={assignees} max={3} />
</div>
}
</div>
</>;
if (demo) {
return (
<Link to={'/projects/' + project.id} className={'project ' + (large ? 'large' : '')}>
{ content }
</Link>
);
} else {
return (
<div className={'project ' + (large ? 'large' : '')}>
{ content }
</div>
</Link>
);
);
}
}
......@@ -19,7 +19,7 @@ export default function Home(): JSX.Element {
<div className="hero-container">
<header>
<a href="index.html">
<img src={Logo} alt="Logo" width="100" height="35" />
<img src={Logo} alt="Go home" width="100" height="35" />
</a>
<nav>
<a href="#hero">Home</a>
......@@ -137,7 +137,7 @@ export default function Home(): JSX.Element {
<div className="team-list">
<div className="team-member">
<img className="team-member-image" src={ImageDaniel} width="200" height="200"
alt="Daniel Planötscher" />
alt="" />
<div className="team-member-info">
<div className="team-member-title">Web Developer</div>
<h3 className="team-member-name">Daniel Planötscher</h3>
......@@ -153,7 +153,7 @@ export default function Home(): JSX.Element {
</div>
<div className="team-member">
<img className="team-member-image" src={ImageRoland} width="200" height="200"
alt="Roland Bernard" />
alt="" />
<div className="team-member-info">
<div className="team-member-title">Software Engineer</div>
<h3 className="team-member-name">Roland Bernard</h3>
......@@ -202,7 +202,7 @@ export default function Home(): JSX.Element {
<footer>
<div className="content-container footer-container">
<div className="footer-copyright">
<img src={Logo} className="logo" alt="Logo" width="70" height="24" />
<img src={Logo} className="logo" alt="" width="70" height="24" />
<p>
&copy; <a href="index.html">ryoko</a>, 2021
</p>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment