Add guidance to useKLiveRegion doc page regarding the actionable element focus

[MisRob]

Follow-up to @radinamatic's feedback in learningequality/kolibri#12475:

[Mamatha1718]

Hi @MisRob , I would like to tackle this issue, will you please assign it to me and guide me where would i start to develop this documentation.
Thank you.

[MisRob]

Hi @Mamatha1718, thank you, I will assign you. Here's the guidance I usually post for documentation writing:

Guidance

• For consistency in documentation, first see the “Writing” guidelines and use existing pages for reference, such as the KTextbox documentation and KImg documentation pages.
• Generally we try to strike a balance between documenting all important modes of a component, while not overwhelming readers with unnecessary details or exhaustive lists of all possible states.
• Use simple, clear, and concise language. Think about whether what you are explaining can be easily understood by newcomers.
• To understand the technical aspects of writing documentation, refer to:
  • “How to update the documentation website”
  • Documentation pages code, such as KTextbox docs source code or KImg's docs source code

[MisRob]

@Mamatha1718 After you have run the development server (see the contributing guidelines) and familiarized yourself with the guidance above, you're welcome to post here if there are further questions

[AlexVelezLl]

Hi @Mamatha1718! Were you able to setup your dev server? If you have any question, please let us know :).

[Mamatha1718]

Hi @AlexVelezLl , I am facing an issues in running the command yarn run devserver
i attach a screenshot for reference

Thank You

[adibmbrk]

Hey @Mamatha1718! We don't usually recommend using Windows for development as it's not stable at the moment with this repo, maybe you could try using WSL. You can use the following guide learningequality/studio#4904 , It's written for studio, but you can get an idea on how to do it .

[AlexVelezLl]

Hey @Mamatha1718, you can open a github dicussion to help you better to solve the error you are seeing, however, you dont need to run Kolibri for tackling this issue. We just need KDS here, and we need to follow the instructions that @MisRob sent earlier :).

[Mamatha1718]

Hi @adibmbrk @AlexVelezLl , Thanks for your clarification.

[Mamatha1718]

Hi @MisRob , @AlexVelezLl , @adibmbrk ,
I have made changes to the KTextbox and KImg source code to improve clarity by separating text and number input functionality. Will you please let me know any changes need, However, I couldn't find the existing documentation files for these components.

Could you please provide me with the correct documentation files so I can make the necessary updates? If the documentation doesn't exist, would it be okay for me to create new documentation files for these components?

Looking forward to your response.

Thank you!

[MisRob]

Hello @Mamatha1718, I replied in your pull request. Regarding finding code to update, you could either study the development documentation or run the development server, navigate to /usekliveregion page, and finally use Vue DevTools that have features to help you find code.