Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update login.html #147

Closed
wants to merge 1 commit into from

Conversation

akshitbansal2005
Copy link

@akshitbansal2005 akshitbansal2005 commented Oct 15, 2024

1. HTML Structure and Semantics

  • The document has a proper DOCTYPE declaration and includes necessary meta tags.
  • The <title> tag is generic; it should be more descriptive for better SEO and usability.

2. CSS Styles

  • Inline styles are used extensively, making the code less maintainable.
  • The login-container is positioned with fixed pixel values, which can hinder responsiveness.

3. Accessibility

  • While <label> elements are used correctly, the code lacks additional aria attributes to enhance accessibility.

4. JavaScript Functionality

  • The event listener for the login button does not prevent the default form submission, potentially causing unwanted page refresh.
  • The successful login alert appears after clearing input fields, which can confuse users.

5. Usability Issues

  • There is a typo in the "Don't have an account?" text.
  • The "Forget Password" link lacks clarity regarding its destination.
  • The back button's extreme positioning is not flexible for various screen sizes.

Description

Please include a summary of the changes and the related issue. Also, explain the motivation behind this PR.

Related Issue

Fixes # (issue)

Type of change

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to not work as expected)

Checklist

  • My code follows the style guidelines of this project
  • I have performed a self-review of my own code
  • I have commented on my code, particularly in hard-to-understand areas
  • I have added tests that prove my fix is effective or that my feature works
  • New and existing unit tests pass locally with my changes
  • Any dependent changes have been merged and published in downstream modules

### 1. **HTML Structure and Semantics**
   - The document has a proper DOCTYPE declaration and includes necessary meta tags.
   - The `<title>` tag is generic; it should be more descriptive for better SEO and usability.

### 2. **CSS Styles**
   - Inline styles are used extensively, making the code less maintainable.
   - The `login-container` is positioned with fixed pixel values, which can hinder responsiveness.

### 3. **Accessibility**
   - While `<label>` elements are used correctly, the code lacks additional `aria` attributes to enhance accessibility.

### 4. **JavaScript Functionality**
   - The event listener for the login button does not prevent the default form submission, potentially causing unwanted page refresh.
   - The successful login alert appears after clearing input fields, which can confuse users.

### 5. **Usability Issues**
   - There is a typo in the "Don't have an account?" text.
   - The "Forget Password" link lacks clarity regarding its destination.
   - The back button's extreme positioning is not flexible for various screen sizes.
Copy link

netlify bot commented Oct 15, 2024

Deploy Preview for multiverse-dataverse ready!

Name Link
🔨 Latest commit 97e6993
🔍 Latest deploy log https://app.netlify.com/sites/multiverse-dataverse/deploys/670e73aeed529200086ec809
😎 Deploy Preview https://deploy-preview-147--multiverse-dataverse.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@jency1 jency1 requested a review from multiverseweb October 16, 2024 17:58
@jency1
Copy link
Contributor

jency1 commented Oct 22, 2024

@akshitbansal2005 Resolve all conflicts.

Also mention the issue number which you have solved and attach relevant screenshots.

@multiverseweb
Copy link
Owner

@akshitbansal2005 Resolve all conflicts.

Also mention the issue number which you have solved and attach relevant screenshots.

@akshitbansal2005 can you do the same so we can see what changes you have made?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants